<!DOCTYPE html>
<html lang="zh-CN">
<meta charset="UTF-8" />
<meta http-equiv="Cache-Control" content="no-transform" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<meta name="applicable-device" content="mobile,pc" />
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<title><!--{$lanmu.title}--></title>
<meta name="keywords" content="<!--{$lanmu.keyword}-->" />
<meta name="Description" content="<!--{$lanmu.description}-->" />

<link rel="stylesheet" type="text/css" href="/static/home/css/css_whir.css"/>
<link rel="stylesheet" type="text/css" href="/static/home/css/responsive.css"/>
<link rel="stylesheet" type="text/css" href="/static/home/css/owl.carousel.min.css"/>
<link rel="stylesheet" type="text/css" href="/static/home/css/swiper-4.3.3.min.css"/>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript" src="/static/home/js/fastclick.js"></script>
<script type="text/javascript" src="/static/home/js/owl.carousel.min.js"></script>
<script type="text/javascript" src="/static/home/js/js-whir.js"></script>
<script type="text/javascript" src="/static/home/js/swiper-4.3.3.min.js"></script>

<body>
<script>
    var nav = 2;
</script>
<!--{include file='public/header' /}-->
<div class="blank"></div>
<main>
    <div class="homeSlides">
        <div id="homeSlides" class="owl-carousel">
            <div class="item">
                <div class="inner" style="height: 600px;"><img src="/static/home/images/banner1.jpg"></div>
            </div>
        </div>
    </div>
  <div class="location" id="pro">
    <div class="inner1200">
      <h2>产品与市场</h2>
      <div class="breadcrumb"> <a href='/'>首页</a> &gt; <a href="/lanmu/<!--{$lanmu.id}-->.html"><!--{$lanmu.name}--> </a> </div>
    </div>
  </div>
  <div class="selectMain">
    <div class="inner1200">
      <div class="series">
        <div class="name"> 选择产品 </div>
        <ul class="pro_xilie">
			<!--{volist name="sublanmulist" id="v"}-->
          <li class="xilie_7"> <a href="/sample.html?type=<!--{$v.id}-->"> <img src="" class="ns"/> <img src="" class="ys"/> <!--{$v.name}--> </a> </li>
			<!--{/volist}-->
            
        </ul>
      </div>
    </div>
  </div>
<style>
.samples{}
.samples_sort{padding: 42px 0 16px 0;border-bottom: 1px #d3d3d3 solid;margin-bottom: 40px;}
.samples_sort ul li{border: 1px #e3e3e3 solid;margin:0 10px 10px 0;}
.samples_sort ul li a{display: block;padding: 10px 28px;font-size: 16px;color: #999;}
.samples_sort ul li:hover{background: #1a7e67;border: 1px #1a7e67 solid;}
.samples_sort ul li:hover a{color: #fff;cursor: pointer;}
.samples_sort ul li.active{background: #1a7e67;border: 1px #1a7e67 solid;}
.samples_sort ul li.active a{color: #fff;}
.samples_list{padding-bottom: 66px;}
.samples_list ul li{margin-bottom: 2%}
.samples_list ul li .pic{overflow: hidden;position: relative;background: #1a7e67;height: 190px;}
.samples_list ul li .pic .pic_open{position: absolute;width: 282px;left: 0;bottom: 0;opacity: 0;}
.samples_list ul li .pic .pic_open i{display: block;font-size: 30px;text-align: center;color: #fff;}
.samples_list ul li p._title{padding: 10px 0;font-size: 16px;color: #999;text-align: center;border: 1px #e3e3e3 solid;border-top: none;}
.samples_list ul li:hover .pic .pic_img{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1); opacity: .5;}
/*.samples_list ul li:hover p._title{ border: 1px #1a7e67 solid;border-top: none;background: #1a7e67; color: #fff;}*/
.samples_list ul li:hover .pic .pic_open{bottom: 40%; opacity: 1;}
.public{width:1200px;margin:0 auto;position:relative;transition:width 0.2s linear 0s;-webkit-transition:width 0.2s linear 0s;-moz-transition:width 0.2s linear 0s;}
.ul.col-4 li{width:23.5%;}

.fl{float:left;position:relative;}
.am{transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;-moz-transition:all 0.3s linear 0s;-ms-transition:all 0.3s linear 0s;-o-transition:all 0.3s ease-in-out;}
	

	</style>
  <div class="samples">
    <div class="public">
      <div class="samples_list">
        <ul class="col-4" id="list">
			<!--{volist name="newslist" id="v"}-->
          <li class="fl"> 
            <a href="/news/<!--{$v.id}-->.html">
            <div class="pic am">
              <div class="pic_img am"> <img src="<!--{$v.loadcover.path}-->" style="height: 190px;"> </div>
              <div class="pic_open am"> <i class="iconfont icon-datu"></i> </div>
            </div>
            <p class="_title am"><!--{$v.title}--></p>
            </a> </li>
            <!--{/volist}-->
            <div class="clear"></div>
        </ul>
      </div>
    </div>
  </div>
</main>
<!--{include file='public/footer' /}-->
</body></html>